<%- include header.ejs%>


<div style="background-color: white;border: 1px solid #ffffff;-moz-border-radius: 10px;-webkit-border-radius: 10px;width: 60%;float: left;margin-top: 70px;padding: 2%">

    <div style="width: 200px;height:250px;float: left;border: 1px dotted #9f9d93;">
        <img id="img_poster"  src="<%-data.poster%>" style="width: 200px;height: 250px">
    </div>
    <div style="float: left;width: 68%;margin-left: 2%;">
        <div style="font-size: large">

            <h3 style="color: #797979"><b><%= __('center').a_name%>：<%- data.theme %></b></h3>
            <h4><b style="color:#9e9e9e"><%= __('center').a_time%>：<%-data.activeDate %></b></h4>
            <h4><b style="color:#9e9e9e"><%= __('p_active').a_addr%>：<%-data.addr %></b></h4>
            <h4><b style="color:#9e9e9e"><%= __('p_active').a_sponsor%>：<%-data.sponsor %></b></h4>
            <h4><b style="color:#9e9e9e"><%= __('active').lan%>：<%-data.language %></b></h4>
            <h4><b style="color:#9e9e9e"><%= __('p_active').cost%> <%-data.cost %></b></h4>
        </div>
        <!--<a class="btn btn-warning" style="" href="/loveActive?id=<%- data._id %>">&nbsp;&nbsp;&nbsp;&nbsp;喜欢&nbsp;&nbsp;&nbsp;&nbsp;</a>-->
        <div style="margin-top: 22px">
            <a class="btn btn-warning" style="" href="/applyActive?id=<%- data._id %>">&nbsp;&nbsp;&nbsp;&nbsp;<%= __('p_active').apply%>&nbsp;&nbsp;&nbsp;&nbsp;</a>
        </div>

    </div>
    <div style="clear: both"></div>
    <div style="border-radius:10px 10px 0px 0px;clear: both;background: #fd9b05;height: 40px;text-align: center;width: 35%;margin-top: 20px">
        <h3 style="color: #f5fcfc"><b><%= __('center').a_particulars%></b></h3>
    </div>
    <div style="word-wrap:break-word;min-height: 200px;background: #f2f2f2;border-radius:0px 10px 10px 10px;padding: 20px">
        <b style="color: #767676;font-size: 18px"><%- data.discribe %></b>
    </div>
</div>
<div  style="width: 27%;float: left;margin-left: 3%;margin-top: 50px">
    <div class="circular" style="padding: 3%;height: 250px;background-color: white;">
        <h4><span style="font-size: larger"><%= __('active').regular%></span></h4>
        <% users.forEach(function(user,index){%>
        <div style="width: 20%;float: left;text-align: center;margin-left: 2%;margin-top: 10px">
            <img class="img-rounded" src="<%-user.headSrc%>" style="width: 59px;height: 59px">
            <span style="display: block"><a href="/partnerCenter?username=<%- user.username %>"><%- user.nickname %></a></span>
        </div>
        <%})%>
    </div>
    <div class="circular" style="padding: 3%;background-color: white;margin-top: 40px">
        <h3 style="margin-bottom: 50px"><span style="font-size: larger;color: #979797;"><%= __('p_active').r_post%></span></h3>
        <% if(relatePosts.length==0){%>
            <div style="height: 200px;text-align: center">
                <span style="line-height: 130px;font-size: 22px"><%= __('p_active').n_post%></span>
            </div>
        <%}%>
        <% relatePosts.forEach(function(relatePost,index){%>
        <div style="float: left;width: 20%;text-align: center">
            <img class="img-rounded" src="<%- relatePost.publishUser.headSrc%>" style="width: 53px;height: 53px">
            <span style="display: block"><a href="/partnerCenter?username=<%- relatePost.publishUser.username %>"><%- relatePost.publishUser.nickname %></a></span>

        </div>
        <div style="float: left;width: 78%;margin-left: 2%">
            <span style="font-size: large;"><a href="/postParticulars?id=<%-relatePost._id%>" TARGET="_blank"><%-relatePost.theme%></a></span><br>
            <span style="font-size: small;color:#797979;float: right;margin-top: 12px;margin-right: 10%"><%-relatePost.postDate.format('yyyy-MM-dd hh:mm')%></span>
        </div>
        <div style="clear: both"></div>
        <hr style="border: 1px dotted #979797">
        <%})%>
    </div>

</div>


<%- include footer.ejs%>
